<template>
  <jl-base>
    <jl-header>
      <mt-header title="余额金额明细" :fixed="true">
        <i slot="left">
          <mt-button icon="back" @click="back"></mt-button>
        </i>
      </mt-header>
    </jl-header>

    <jl-content>
      <div class="w12 dld_body">
        <div class="jl_form" v-for="item of list">
          <div class="jl_form_item">
            <span class="w12">预收:{{item.SURPLUS|money}}</span>
            <span class="w12">冻结余额:{{item.FROZENAMOUNT|money}}</span>
            <span class="w12 font_size_small font_gray">部门:{{item.BM02}}</span>
          </div>
        </div>
      </div>
    </jl-content>
  </jl-base>
</template>

<script>
  export default {
    name: "MySurplus",
    data() {
      return {
        list: [],
      }
    },

    methods: {
      back() {
        this.$router.back();
      }
    },
    created() {
      this.$engineer.searchSurplusList()
        .then(v => {
          this.list.push(...v['list']);
        })
    }
  }
</script>

<style scoped>

</style>
